<title>Asry</title>

<script type="text/javascript" src="<?php echo base_url(); ?>web/js/jQuery.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>web/js/slidebox.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>web/js/highslide-with-gallery.js"></script>
<link rel="stylesheet" href="<?php echo base_url() ?>web/css/highslide.css" type="text/css" media="screen" />
<link href="<?php echo base_url() ?>web/css/index-home.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<?php echo base_url(); ?>web/js/slide.js"></script>
<script>
	$(document).ready(function() {
		//$('.slide').cycle({
		//	fx: 'fade',
		//	delay: 5000
		//});
		$('#partner').cycle({
			fx:    'zoom', 
			sync:  false, 
			delay: -2000 
		});
		setInterval( "slideSwitch()", 5000 );
	});
	
	function slideSwitch() {
		var $active = $('.slide img.active');

		if ( $active.length == 0 ) $active = $('.slide img:last');
		
		var $next =  $active.next().length ? $active.next()
			: $('.slide img:first');

		$active.addClass('deactive');

		$next.css({opacity: 0.0})
			.addClass('active')
			.animate({opacity: 1.0}, 1000, function() {
				$active.removeClass('active deactive');
			});
	}
</script>
<script type="text/javascript">
hs.graphicsDir = '<?php echo base_url(); ?>web/images/highslide/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.numberPosition = 'caption';
hs.dimmingOpacity = 0.75;

// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
	//slideshowGroup: 'group1',
	interval: 5000,
	repeat: false,
	useControls: true,
	fixedControls: 'fit',
	overlayOptions: {
		opacity: .75,
		position: 'bottom center',
		hideOnMouseOut: true
	}
});
</script>
<style>
	.borderHeader{
		border-radius:6px 6px 0px 0px;
		text-align:center;
		color:#fff;
		font-weight:bold;
		background-color:#006c00;
	}
	.borderContent{
		border:1px solid #a1a1a1;
		border-radius:0px 0px 6px 6px;
		text-align:center;
		padding-top:5px;
		padding-bottom:5px;
		background-color: #fff;
	}

	.borderGalery{
		text-decoration:none;
		border:1px solid #a1a1a1;
		border-radius:5px;
		box-shadow: 1px 1px 15px #888888;
		margin: 10px 10px 10px 10px;
	}
	
	.formSaran input, textarea{
		border: 1px solid #000;
	}
	
	.alert-error{
		border: 1px solid #F03;
		border-radius:3px;
		font-family:Arial, Helvetica, sans-serif;
		background-color:#F30;
		padding: 5px 5px 5px 5px;
	}
	
	.alert-success{
		border: 1px solid #0C0;
		border-radius:3px;
		font-family:Arial, Helvetica, sans-serif;
		background-color:#0C0;
		padding: 5px 5px 5px 5px;
	}
</style>

